<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本居中对齐</title>
    <!--文本居中对齐-->
    <!--如果仅仅是为了文本在元素内居中对齐，可以使用 text-align: center;-->
    <!--文本居中对齐-->
    <style>
        .center
        {
            text-align: center;
            border: 3px solid green;
        }
    </style>
</head>
<body>
<h2>文本居中对齐</h2>
<div class="center">
    <p>文本居中对齐。</p>
</div>
</body>
</html>